<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>订单管理</title>
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" type="text/css" href="../bootstrap3/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="../bootstrap3/font-awesome-4.7.0/css/font-awesome.css"/>

<link rel="stylesheet" href="../css/order.css">
</head>
<body>
  <div id="hd">
    <div id="hd_1">
      <img src="../images/p1.png" height="70px" class="img-circle">
      <h1>LMG超市</h1>
      <input id="hd_i" type="text" placeholder="搜索">
      <input type="button" value="搜索">
      <span id="hd_s"><a href="login.html">登录</a><a href="register.html">注册</a></span>
    </div>
  </div>

  <div id="by1">
    <ul class="nav nav-pills">
      <li role="presentation"><a href="index_admin.html">首页</a></li>
      <li role="presentation"><a href="class_admin.html">商品管理</a></li>
      <li role="presentation" class="active"><a href="###">订单管理</a></li>
    </ul>
  </div>
  <div id="by2">
    <div class="panel panel-default">
      <!-- 总面板 -->
      <div class="panel-heading" id="by2_hd">
        <table>
          <tr id="by2_hd_tr">
            <td class="td1">商品</td>
            <td class="td2">单价(元)</td>
            <td class="td2">数量</td>
            <td class="td2">单种总价</td>
            <td class="td2">合计</td>
            <td class="td2">订单状态</td>
          </tr>
        </table>
      </div>
      <div class="panel-body" id="by2_bd">
        <div class="panel-heading by2_bd_hd">订单编号191020200107
          下单时间 2020-01-07 22:00<a href="">联系买家</a></div>
        <!--  订单面板    -->
        <div class="panel-body by2_bd_bd">
          <table border="1">
            <tr>
              <td class="td1" >
                <div>
                  <img src="../images/latiao.jpg"
                class="img-rounded"><div>卫龙辣条</div>
                </div>
                </td>
              <td class="td2">0.5</td>
              <td class="td2">2</td>
              <td class="td2">1</td>
              <td class="td2 qs">1</td>
              <td class="td2 qs">待付款</td>
            </tr>

          </table>
        </div>
        <div class="panel-footer by2_bd_ft">
          <span class="by2_bd_ft_sp1">送货地址:山东省潍坊市东风街潍州路东500米建行大厦5楼达内科技</span>
          <span class="by2_bd_ft_sp2">手机号:15966198621</span>
          <span class="by2_bd_ft_sp3">姓名:王晓明</span>
        <button type="button" class="btn btn-info">取消订单</button>
        <button type="button" class="btn btn-info">确认发货</button>
        </div>
        <!-- 订单脚 -->
      </div>
      <div class="panel-body" id="by2_bd">
        <div class="panel-heading by2_bd_hd">订单编号191020200107
          下单时间 2020-01-07 23:00
          <a href="">联系买家</a></div>
        <!--  订单面板    -->
        <div class="panel-body by2_bd_bd">
          <table border="1">
            <tr>
              <td class="td1"><div>
                  <img src="../images/latiao.jpg" class="img-rounded">
                  <div>康师傅酸菜面</div>
                </div></td>
              <td class="td2">5</td>
              <td class="td2">1</td>
              <td class="td2">5</td>
              <td class="td2 qs" rowspan="2">7</td>
              <td class="td2 qs" rowspan="2">待签收</td>
            </tr>
            <tr>
              <td class="td1"><div>
                  <img src="../images/latiao.jpg" class="img-rounded">
                  <div>火腿肠</div>
                </div></td>
              <td class="td2">1</td>
              <td class="td2">2</td>
              <td class="td2">2</td>

            </tr>
          </table>
        </div>
        <div class="panel-footer by2_bd_ft">
          <span class="by2_bd_ft_sp1">送货地址:山东省潍坊市东风街潍州路东500米建行大厦5楼达内科技</span>
          <span class="by2_bd_ft_sp2">手机号:15966198621</span>
          <span class="by2_bd_ft_sp3">姓名:王晓明</span>
          <button type="button" class="btn btn-info">取消订单</button>
          <button type="button" class="btn btn-info">联系骑手</button>
        </div>
        <!-- 订单脚 -->
      </div>
      <div class="panel-body" id="by2_bd">
        <div class="panel-heading by2_bd_hd">订单编号191020200107
          下单时间 2020-01-07 23:00<a href="">联系买家</a></div>
        <!--  订单面板    -->
        <div class="panel-body by2_bd_bd">
          <table border="1">
            <tr>
              <td class="td1"><div>
                  <img src="../images/latiao.jpg"
                class="img-rounded"><div>卫龙辣条</div>
                </div></td>
              <td class="td2">0.5</td>
              <td class="td2">2</td>
              <td class="td2">1</td>
              <td class="td2 qs" rowspan="3">3</td>
              <td class="td2 qs" rowspan="3">已签收</td>
            </tr>
            <tr>
              <td class="td1"><div>
                  <img src="../images/latiao.jpg"
                class="img-rounded"><div>卫龙辣条</div>
                </div></td>
              <td class="td2">0.5</td>
              <td class="td2">2</td>
              <td class="td2">1</td>

            </tr>
            <tr>
              <td class="td1"><div>
                  <img src="../images/latiao.jpg"
                class="img-rounded"><div>卫龙辣条</div>
                </div></td>
              <td class="td2">0.5</td>
              <td class="td2">2</td>
              <td class="td2">1</td>

            </tr>
          </table>
        </div>
        <div class="panel-footer by2_bd_ft">
          <span class="by2_bd_ft_sp1">送货地址:山东省潍坊市东风街潍州路东500米建行大厦5楼达内科技</span>
          <span class="by2_bd_ft_sp2">手机号:15966198621</span>
          <span class="by2_bd_ft_sp3">姓名:王晓明</span>
          <button type="button" class="btn btn-info">删除订单</button>
          <button type="button" class="btn btn-info">联系骑手</button>
        </div>
        <!-- 订单脚 -->
      </div>
      <div class="panel-heading" id="by2_ft">    <!-- 总脚 -->
        <nav aria-label="Page navigation">
          <ul class="pagination">
            <li id="zuo"><a href="###" aria-label="Previous"> <span
                aria-hidden="true">&laquo;</span>
            </a></li>
            <li class="active fanye"><a href="###">1</a></li>
            <li class="fanye"><a href="###">2</a></li>
            <li class="fanye"><a href="###">3</a></li>
            <li class="fanye"><a href="###">4</a></li>
            <li class="fanye"><a href="###">5</a></li>
            <li id="you"><a href="###" aria-label="Next"> <span
                aria-hidden="true">&raquo;</span>
            </a></li>
          </ul>
        </nav>
      </div>
   
    </div>
  </div>
  <div id="by3"></div>
  <div id="hd">
    <div id="hd_1">
      
    </div>
  </div>
</body>
<script type="text/javascript" src="../bootstrap3/jquery.min.js"></script>
<script type="text/javascript" src="../bootstrap3/js/bootstrap.js"></script>
<script type="text/javascript" src="../bootstrap3/js/holder.js"></script>
<script type="text/javascript" src="../bootstrap3/js/html5shiv.min.js"></script>
<script type="text/javascript" src="../bootstrap3/js/css3-mediaqueries.js"></script>
<script type="text/javascript" src="../bootstrap3/js/respond.min.js"></script>
<script type="text/javascript" src="../js/order.js"></script>
</html>